<script type="text/javascript" src="/static/jquery-2.0.3.min.js"></script>

<div>
    <div class="layer_div">
        <select name="shop_id" id="shop_id" class="layer_select">
            <option value="0">请选择店铺</option>
            @foreach($shops as $s)
                <option value="{{$s['id']}}">{{$s['shop_name']}}</option>
            @endforeach
        </select>
    </div>

    <button id="button" type="button">导出</button>
</div>

<script type="text/javascript" src="/static/layer/layer.js"></script>
<script type="text/javascript">
    $("#button").click(function(){
        var shopId = $("#shop_id").val();
        if(shopId > 0) {
            window.location.href = "{{urlPlat($ctr, 'getExportRefer')}}?shop_id=" + shopId;
        } else {
            layer.msg('请选择店铺')
        }
    });
</script>

<style>
    .layer_div{
        width: 100%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    button {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 3rem;
        background: #6AC20B;
        color: #fff;
        border: none;
        font-size: 1rem;
    }
    .layer_form select{
        width: 23rem;
        height: 2rem;
    }
    .layer_input{
        width: 100%;
        margin-top: 2rem;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .layer_input input{
        width: 100%;
        height: 2rem;
        margin-top: 1rem;
        margin: 0 0.5rem;

    }
    .layer_select{
        width: 100%;
        height: 2rem;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        margin-top: 1rem;
    }
    .layer_select select{
        width: 96%;
    }
</style>